import { Layout, Space } from 'antd';
import { NavLink } from 'umi';

const { Header, Content, Footer } = Layout;

export default function BasicLayout({ children }) {
  return (
    <Layout>
      <Header>
        <Space>
          <span>
            <NavLink
              exact
              to="/"
              activeStyle={{
                fontWeight: 'bold',
                color: 'white',
              }}
            >
              Home
            </NavLink>
          </span>
          <span>
            <NavLink
              exact
              to="/employee"
              activeStyle={{
                fontWeight: 'bold',
                color: 'white',
              }}
            >
              Employee
            </NavLink>
          </span>
          <span>
            <NavLink
              exact
              to="/employee/list"
              activeStyle={{
                fontWeight: 'bold',
                color: 'white',
              }}
            >
              List
            </NavLink>
          </span>
        </Space>
      </Header>
      <Content>{children}</Content>
      {/* <Footer>© han_feng@cvicse.com</Footer> */}
    </Layout>
  );
}
